

<template>
    <view class="cus-page">
        <view class="type-area com-flex com-p-t-32 com-p-b-32" style="background:#fff">
            <image class="head" src="/static/temporary/img3.jpg"></image>
            <view style="flex:1">
                <text>精神世界</text>
                <view class="com-m-t-8 com-flex com-row-between">
                    <view class="com-flex">
                        <text class="com-font-24 com-minor-color">信誉等级：</text>
                        <u-rate size="28rpx" activeColor="#f0ad4e" :count="5" v-model="count"></u-rate>
                    </view>
                    <u-icon @tap="like=!like"
                        :color="like ? 'red' : '#212122'" 
                        :name="like ? 'heart-fill' : 'heart' " 
                        size="40rpx" top="-2rpx" />
                </view>
                <view class="com-m-t-8 com-flex">
                    <view class="com-flex real-name" 
                        :style="{ 
                            background: real ? '#fff' : '#F1F1F1',
                            border: real ? '1px solid #02BDF3' : '1px solid #F1F1F1'
                        }">
                        <u-icon 
                            :color="real ? '#02BDF3' : '#979797'"
                            :name="real ? 'checkmark-circle-fill' : 'checkmark-circle'">
                        </u-icon>
                        <text :class="['com-m-l-10 com-font-20', real ? 'com-active-color' : 'com-minor-color' ]">
                            {{real ? "已实名认证" : "未实名认证"}}
                        </text>
                    </view>
                    <view class="com-flex com-m-l-45">
                        <u-icon name="twitter" color="#02BDF3"></u-icon>
                        <text class="com-m-l-12 com-font-24 com-active-color">已代购146次</text>
                    </view>
                </view>
            </view>
        </view>
        <view class="tips">卖家告知：二手品介意勿拍</view>
        <view class="type-area">
            <ct-list-n :column="2" />
        </view>
        <!-- 底部间距 -->
        <u-gap height="30rpx" bgColor="#F8F8F8"></u-gap>
    </view>
</template>


<script>
export default {
    name:'Mackey', // 卖家主页
    components: {},
    props:{},

    data () {
        return {
            count: 4,
            like: false,
            real: false
        }
    },

    computed: {},
    watch: {},

    mounted() {},

    methods: {},
}
</script>


<style scoped lang='scss'>
    .head{
        width: 88rpx;
        height: 88rpx;
        border-radius: 50%;
        margin-right: 24rpx;
    }
    .real-name{
        height: 40rpx;
        background: #FFFFFF;
        border: 1px solid #02BDF3;
        border-radius: 18rpx;
        padding-right: 16rpx;
    }
    .tips{
        width: 100%;
        height: 64rpx;
        background: #EAFAFF;
        font-size: 24rpx;
        color: #02BDF3;
        text-align: center;
        line-height: 64rpx;
    }
</style>